<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta
        name="viewport"
        content="width=device-width, initial-scale=1.0"
    >
    <title>论文匹配</title>
    <link
        rel="stylesheet"
        href="./style/common.css"
    >
    <link
        rel="stylesheet"
        type="text/css"
        href="https://www.layuicdn.com/layui-v2.8.0/css/layui.css"
    />
    <link
        rel="stylesheet"
        href="./style/article2.css"
    >
</head>

<body>
    <section class="page_heart">
        <section class="form layui-form">
            <div class="sub_title">
                <h3>论文匹配</h3>
            </div>

            <div class="flex_box">

                <div class="line">
                    <span>辅导目标</span>
                    <div class="line_container">
                        <input
                            type="text"
                            name="title"
                            required
                            lay-verify="required"
                            placeholder="请输入标题"
                            autocomplete="off"
                            class="layui-input"
                        >
                    </div>
                </div>

                <div class="line" style="line-height: 2.5;">
                    <span>计划完成时间</span>
                    <div class="line_container">
                        <input
                            type="text"
                            name="title"
                            required
                            lay-verify="required"
                            placeholder=""
                            autocomplete="off"
                            class="layui-input"
                        >
                    </div>
                </div>
            </div>

            <div class="line service">
                <span>辅导目的</span>
                <div class="line_container">
                    <input
                        type="checkbox"
                        name="service"
                        value="service1"
                        title="申博"
                        checked
                    >
                    <input
                        type="checkbox"
                        name="service"
                        value="service2"
                        title="考研/保研"
                    >
                    <input
                        type="checkbox"
                        name="service"
                        value="service3"
                        title="海外留学"
                    >
                    <input
                        type="checkbox"
                        name="service"
                        value="service4"
                        title="职称"
                    >
                    <input
                        type="checkbox"
                        name="service"
                        value="service5"
                        title="顺利毕业"
                    >
                    <input
                        type="checkbox"
                        name="service"
                        value="service6"
                        title="项目结提"
                    >
                </div>
            </div>

            <div class="line">
                <span>辅导重点</span>
                <div class="line_container">
                    <input
                        type="text"
                        name="title2"
                        required
                        lay-verify="required"
                        placeholder=""
                        autocomplete="off"
                        class="layui-input"
                    >
                </div>
            </div>

            <div class="line">
                <span>上传论文</span>
                <div class="line_container">
                    <div style="margin-bottom: 10px;">
                        附件（zip或者PRA文件）
                    </div>
                    <div class="zip">
                        <svg
                            t="1695643547600"
                            class="icon"
                            viewBox="0 0 1024 1024"
                            version="1.1"
                            xmlns="http://www.w3.org/2000/svg"
                            p-id="5242"
                            width="80"
                            height="80"
                        >
                            <path
                                d="M901.63125 926.725c0 12.8-5.125 25.0875-14.3375 34.3-9.225 9.2125-21.5 14.3375-34.3125 14.3375H170.49375c-12.8 0-25.6-5.125-34.3-14.3375-9.2125-9.225-14.3375-21.5-14.3375-34.3V48.6375c0-12.8 5.1125-25.6 14.3375-34.3C144.89375 5.125 157.70625 0 170.49375 0H589.31875c12.8 0 25.6 5.125 34.8125 14.3375l263.675 263.6875c9.2125 9.2125 14.3375 21.5 14.3375 34.8125v613.8875h-0.5125z"
                                fill="#EBECF0"
                                p-id="5243"
                            ></path>
                            <path
                                d="M901.63125 926.725v48.6375c0 12.8-5.125 25.6-14.3375 34.3-9.225 9.225-21.5 14.3375-34.3125 14.3375H170.49375c-27.1375 0-48.6375-22.0125-48.6375-48.6375v-48.6375c0 12.8 5.1125 25.0875 14.3375 34.3 9.2125 9.2125 21.5 14.3375 34.3 14.3375h682.5c27.1375 0 48.6375-22.0125 48.6375-48.6375z"
                                fill="#C1C7D0"
                                p-id="5244"
                            ></path>
                            <path
                                d="M121.85625 536.575v-97.8L24.06875 536.575h97.7875z m779.775 0l1.025-97.8 97.275 97.8h-98.3z"
                                fill="#D3AB05"
                                p-id="5245"
                            ></path>
                            <path
                                d="M901.63125 312.8375v6.65H637.94375c-27.1375 0-48.6375-22.0125-48.6375-48.6375V0c12.8 0 25.6 5.125 34.8125 14.3375L888.31875 278.025c8.7 9.2125 13.825 21.5 13.3125 34.8125z"
                                fill="#C1C7D0"
                                p-id="5246"
                            ></path>
                            <path
                                d="M24.58125 536.575v243.2c0 13.3125 5.1125 25.6 14.3375 34.8125 8.7 9.225 21.5 14.3375 34.3 14.3375h877.575c26.625 0 48.6375-21.5 48.6375-48.6375V536.575H24.58125z m404.4375 262.85H205.90625v-45.4125l126.7875-130.875h-120.6375v-51.975h212.9v50.2375l-124.325 126.05h136.3625l-7.975 51.975z m114.0125 0h-74.275V571.1625h74.275v228.2625z m182.275-77.4375h-54.775v77.4375h-73.9125V571.1625h128.375c54.875 0 93.1 27.3125 93.1 74.4125s-36.0375 76.4125-92.8125 76.4125z"
                                fill="#EDC314"
                                p-id="5247"
                            ></path>
                            <path
                                d="M713.44375 621.125h-42.9125v50.6875h42.9125c20.0375 0 31.625-8.125 31.625-25.6125 0-14.6-8.8125-25.075-31.625-25.075z"
                                fill="#EDC314"
                                p-id="5248"
                            ></path>
                            <path
                                d="M424.95625 621.4v-50.2375H212.05625v51.9875h120.6375l-126.7875 130.875v45.4h223.1125l7.975-51.975H300.63125l124.325-126.05zM468.75625 571.1625h74.275v228.2625h-74.275zM725.00625 571.1625h-128.375v228.2625h73.9125v-77.4375H725.31875c56.775 0 92.8125-27.875 92.8125-76.4125s-38.2375-74.4125-93.1-74.4125z m-11.5625 100.65h-42.9125V621.125h42.9125c22.825 0 31.625 10.4875 31.625 25.075 0 17.4875-11.6 25.6125-31.625 25.6125z"
                                fill="#FFFFFF"
                                p-id="5249"
                            ></path>
                        </svg>
                        <div style="margin-left: 50px;">
                            <button
                                type="button"
                                class="layui-btn"
                                id="articleFile"
                            >
                                <i class="layui-icon">&#xe67c;</i>上传稿件
                            </button>
                            <p>
                                <span
                                    class="file_name"
                                    id="fileName"
                                ></span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>


            <div class="sub_title">
                <h3>作者信息</h3>
            </div>

            <div class="flex_box">
                <div class="line">
                    <span>作者姓名</span>
                    <div class="line_container">
                        <input
                            type="text"
                            name="name"
                            required
                            lay-verify="required"
                            placeholder=""
                            autocomplete="off"
                            class="layui-input"
                        >
                    </div>
                </div>

                <div class="line">
                    <span>作者学历</span>
                    <div class="line_container">
                        <input
                            type="text"
                            name="level"
                            required
                            lay-verify="required"
                            placeholder=""
                            autocomplete="off"
                            class="layui-input"
                        >
                    </div>
                </div>

                <div class="line">
                    <span>作者邮箱</span>
                    <div class="line_container">
                        <input
                            type="text"
                            name="education"
                            required
                            lay-verify="required"
                            placeholder=""
                            autocomplete="off"
                            class="layui-input"
                        >
                    </div>
                </div>
                <div class="line">
                    <span>作者专业</span>
                    <div class="line_container">
                        <input
                            type="text"
                            name="major"
                            required
                            lay-verify="required"
                            placeholder=""
                            autocomplete="off"
                            class="layui-input"
                        >
                    </div>
                </div>
                <div class="line">
                    <span>作者手机</span>
                    <div class="line_container">
                        <input
                            type="text"
                            name="phone"
                            required
                            lay-verify="required"
                            placeholder=""
                            autocomplete="off"
                            class="layui-input"
                        >
                    </div>
                </div>
                <div class="line">
                    <span>研究方向</span>
                    <div class="line_container">
                        <input
                            type="text"
                            name="direction"
                            required
                            lay-verify="required"
                            placeholder=""
                            autocomplete="off"
                            class="layui-input"
                        >
                    </div>
                </div>
            </div>
        </section>
    </section>


    <!-- body 末尾处引入 layui -->
    <script src="https://www.layuicdn.com/layui-v2.8.0/layui.js"></script>
    <script>
        layui.use(function () {
            var layer = layui.layer
                , upload = layui.upload
                , form = layui.form;

            form.render();
            //输出版本号
            lay('#version').html(layui.v);


            var uploadInst = upload.render({
                elem: '#articleFile' //绑定元素
                , url: '/upload/' //上传接口
                , done: function (res) {
                    //上传完毕回调
                    console.log('res :>> ', res);
                    lay('#fileName').html('鸡你太美');
                }
                , error: function (err) {
                    //请求异常回调
                    console.log('err :>> ', err);
                    lay('#fileName').html('鸡你太美');
                }
            });

        });
    </script>
</body>

</html>